@charset "utf-8";
/* CSS Document */

html, body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0px;
}

.top
{
	position:fixed;
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	background-color:#000000;
	line-height:50px;
	z-index:200;
}

.span-hotline
{
	background-image:url(../img/ic_phone.png);
	background-repeat:no-repeat;
	padding-left:23px;
	margin-left:10px;
}

.span-email
{
	background-image:url(../img/ic_email.png);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-left:10px;
}

.span-support img
{
	border:0px;
}

.span-support
{
	background-image:url(../img/ic_chat.png);
	background-repeat:no-repeat;
	padding-left:24px;
	margin-left:2px;
}

.span-shopping-card
{
	background-image:url(../img/ic_shopping_card.png);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-left:10px;
}

.span-shopping-card a:link
{
	text-decoration:none;
	color:inherit;
}

.span-shopping-card a:visited
{
	text-decoration:none;
	color:inherit;
}

.top span
{
	font-weight:bold;
	color:#FFFF00;
}

.logo-main-menu
{
	position:absolute;
	width:100%;
	height:100px;
	top:50px;
	left:0px;
	background-image:url(../img/bg_main_menu.png);
	z-index:100;
}

.logo-main-menu-containt
{
	width:1024px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.logo
{
	margin-top:25px;
	border:0px;
}

.main-menu
{
	float:right;
}

.main-menu ul
{
	list-style:none;
	margin-top:30px;
}

.main-menu ul li
{
	float:left;
	color:#ffffff;
	font-size:25px;
	padding:10px;
	margin-left:5px;
	margin-right:5px;
	text-shadow:1px 1px #000000;
}

.main-menu ul li.active
{
	background-color:#5f0000;
	padding:10px;
	border-radius:3px;
	margin-left:5px;
	margin-right:5px;
	color:#FFFF00;
}

.main-menu ul li a
{
	text-decoration:none;
	color:inherit;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.main-menu ul li a:hover
{
	color:#FFFF00;
}

.slide-show
{
	position:absolute;
	width:100%;
	height:350px;
	left:0px;
	top:150px;
	overflow:hidden;
}

.body-contain
{
	position:relative;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-top:450px;
	z-index:100;
}

.cat-menu
{
	width:250px;
	box-shadow:0px 0px 5px 1px #535353;
    -moz-box-shadow:0px 0px 5px 1px #535353;
    -webkit-box-shadow:0px 0px 5px 1px #535353;
    -o-box-shadow:0px 0px 5px 1px #535353;
    -ms-box-shadow:0px 0px 5px 1px #535353;
	float:left;
	margin-right:10px;
}

.cat-menu ul.parent
{
	list-style:none;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding-right:5px;
}

.cat-menu ul.parent li.parent
{
	font-size:18px;
	line-height:40px;
	background-color:#a50e0e;
	color:#ffffff;
	padding-left:5px;
	border-bottom:1px solid #ffffff;
}

.cat-menu ul.parent li.parent a
{
	text-decoration:none;
	color:inherit;
}

.cat-menu ul.child
{
	list-style:none;
	padding-left:0px;
	margin-left:-5px;
}

.cat-menu ul.parent li.child
{
	font-size:14px;
	font-weight:bold;	
	background-color:#c43e3e;
	color:#eecece;
	padding-left:20px;
	line-height:35px;
	border-top:1px solid #ffffff;
}

.cat-menu ul.parent li.child:hover
{
	background-color:#b62626;
}

.cat-menu ul.parent li.child.active
{
	background-color:#b62626;
	color:#FF0;
}

.cat-menu ul.parent li.child a
{
	text-decoration:none;
	color:inherit;
}

.cat-menu ul.parent li.child a:hover
{
	color:#FF0;
}

.cat-menu-title
{
	width:100%;
	height:50px;
	background-image:url(../img/bg_title.png);
}

.cat-menu-title p
{
	font-size:20px;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	line-height:50px;
	text-align:center;
	text-shadow:1px 1px #000000;
}

.navigative
{
	width:100%;
	height:50px;
	background-image:url(../img/bg_title.png);
}

.navigative p
{
	font-size:20px;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	line-height:50px;
	height:50px;
	background-image:url(../img/ic_home.png);
	background-repeat:no-repeat;
	background-position:5px;
	padding-left:35px;
	text-shadow:1px 1px #000000;
	overflow:hidden;
}

.navigative p a
{
	text-decoration:none;
	color:inherit;
}

.content-containt
{
	width:760px;
	box-shadow:0px 0px 5px 1px #535353;
    -moz-box-shadow:0px 0px 5px 1px #535353;
    -webkit-box-shadow:0px 0px 5px 1px #535353;
    -o-box-shadow:0px 0px 5px 1px #535353;
    -ms-box-shadow:0px 0px 5px 1px #535353;
	float:left;
}

.containt-sub-page
{
	padding:5px;
}

.footer
{
	position:static;
	left:0px;
	width:100%;
	height:50px;
	background-color:#450606;
	float:left;
	margin-top:10px;
}

.footer p
{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	line-height:50px;
}

p.button
{
	color:#ffffff;
	background-color:#a50e0e;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	background-repeat:no-repeat;
}

p.button a
{
	text-decoration:none;
	color:inherit;
}

p.button:active
{
	background-color:#860000;
	color:#e6b9b9;
}

.over-lay
{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-image:url(../img/bg-dialog.png);
	z-index:300;
	display:none;
}

.dialog-window
{
	position:absolute;
	width:350px;
	height:200px;
	left:50%;
	margin-left:-175px;
	top:50%;
	margin-top:-100px;
	background-color:#FFF;
	border:1px solid #870101;
}

.dialog-title
{
	margin-top:0px;
	margin-bottom:0px;
	height:50px;
	background-image:url(../img/bg_title.png);
	font-size:20px;
	color:#ffffff;
	line-height:50px;
	padding-left:5px;
	border-bottom:1px solid #870101;
}

.dialog-content
{
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#5c5c5c;
}

.dialog-button
{
	margin-top:0px;
	margin-bottom:0px;
	position:absolute;
	background-color:#a50e0e;
	height:35px;
	bottom:0px;
	cursor:pointer;
	color:#ffffff;
	line-height:35px;
	font-weight:bold;
}

.dialog-button:active
{
	background-color:#860000;
	color:#e6b9b9;
}

.dialog-ok
{
	width:100%;
	text-align:center;
}

.confirm-ok
{
	width:50%;
	text-align:center;
}

.confirm-cancel
{
	width:50%;
	text-align:center;
	left:50%;
	border-left:1px solid #d05c5c;
}

